import React, { Component,Suspense} from 'react'
import {Switch,Route,Redirect} from 'react-router-dom'

export class RouterView extends Component {
  render() {
    const {routerConfig} = this.props
    return (
      <Suspense fallback="路由加载中">
        <Switch>
          {
            routerConfig.length?routerConfig.map((item,index)=>{
              return item.redirect?<Redirect key={index} to={item.redirect} ></Redirect>
              :<Route key={index} path={item.path} render={(props)=>{
                return <item.component {...props} routerConfig={item.children}></item.component>
              }}></Route>
            })
            :"暂无数据"
          }
        </Switch>
        
      </Suspense>
    )
  }
}

export default RouterView